<div class="right-plate" id="keywordTable">
  <div class="table-thead" [ngClass]="{'table-thead-scroll':tabVal && tabVal.length > 17}">
    <table class="tableStyle table table-hover table-striped">
      <thead>
        <tr>
          <th class="w5 text-center">
            <input type="checkbox" #event (click)="_selectAll(event.checked,tabVal)" [checked]="isSelectAll">
          </th>
          <th class="w5 text-center max-w">序号</th>
          <th class="w15 text-left max-w">主题词</th>
          <th class="w15 text-left max-w">标引次数</th>
          <th class="w15 text-left max-w">标引产品数量</th>
          <th class="w15 text-left max-w">标引内文数量</th>
        </tr>
      </thead>
    </table>
  </div>
  <div class="table-tbody">
    <table class="tableStyle table table-hover table-striped">
      <tbody>
        <tr *ngFor="let val of tabVal;let i = index">
          <td class="bs-checkbox w5 text-center">
            <input type="checkbox" #event (click)="_chose(event.checked,val.id,tabVal.length)" [checked]="isChose">
          </td>
          <td class="w5 text-center">{{ i+1 }}</td>
          <td class="w15 text-left max-w">{{ val.themeWordName }}</td>
          <td class="w15 text-left max-w">{{ val.indexCount }}</td>
          <td class="w15 text-left max-w">{{ val.indexProductCount }}</td>
          <td class="w15 text-left max-w">{{ val.indexTextCount }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>